<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>点菜宝</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>

    
    <!-- 顶部 -->
    <div class="header">
        <div class="container clearfix">
            <div class="header-left"><a href="">返回</a></div>
            <div class="header-center">详情</div>
            <div class="header-right">
                <a href=""><img src="images/more.png" alt=""></a>
            </div>
        </div>
    </div>


    
    <div class="detail">
        <div class="container">
            <div class="detail-xx clearfix">
                <div class="detail-xx-left">
                    人数：20
                </div>
                <div class="detail-xx-center">
                    桌号：包厢30
                </div>
                <div class="detail-xx-right">
                    操作员：01000
                </div>
            </div>
            <table class="table" >
                <thead>
                    <tr>
                        <th class="dta-a">菜名</th>
                        <th class="dta-b">价格</th>
                        <th class="dta-c">数量</th>
                        <th class="dta-d">编辑</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>香菇青菜炒肉</td>
                        <td>2.00</td>
                        <td>
                            <a href="" class="minus"><img src="images/minus.png" alt=""></a>
                            <span class="number">10.00</span>
                            <a href="" class="add"><img src="images/add.png" alt=""></a>
                        </td>
                        <td class="dta-bianji" data-toggle="modal" data-target="#dta-bianji"></td>
                    </tr>
                    <tr>
                        <td>香菇青菜炒肉<p>做法：清蒸清蒸清蒸清蒸清蒸清蒸清蒸</p><p>备注：清蒸清蒸清蒸清蒸清蒸清蒸清蒸</p></td>
                        <td>2.00</td>
                        <td>
                            <a href="" class="minus" ><img src="images/minus.png" alt=""></a>
                            <span class="number">1.11</span>
                            <a href="" class="add"><img src="images/add.png" alt=""></a>
                        </td>
                        <td class="dta-bianji" data-toggle="modal" data-target="#dta-bianji"></td>
                    </tr>
                    <tr>
                        <td>香菇青菜炒肉<p>备注：清蒸</p></td>
                        <td>2.00</td>
                        <td>
                            <a href="" class="minus"><img src="images/minus.png" alt=""></a>
                            <span class="number">10</span>
                            <a href="" class="add"><img src="images/add.png" alt=""></a>
                        </td>
                        <td class="dta-bianji" data-toggle="modal" data-target="#dta-bianji"></td>
                    </tr>
                    <tr>
                        <td>香菇青菜炒肉<p>备注：清蒸</p></td>
                        <td>2.00</td>
                        <td>
                            <a href="" class="minus"><img src="images/minus.png" alt=""></a>
                            <span class="number">10</span>
                            <a href="" class="add"><img src="images/add.png" alt=""></a>
                        </td>
                        <td class="dta-bianji" data-toggle="modal" data-target="#dta-bianji"></td>
                    </tr>
                    <tr>
                        <td>香菇青菜炒肉<p>备注：清蒸</p></td>
                        <td>2.00</td>
                        <td>
                            <a href="" class="minus"><img src="images/minus.png" alt=""></a>
                            <span class="number">10</span>
                            <a href="" class="add"><img src="images/add.png" alt=""></a>
                        </td>
                        <td class="dta-bianji" data-toggle="modal" data-target="#dta-bianji"></td>
                    </tr>
                    <tr>
                        <td>香菇青菜炒肉<p>备注：清蒸</p></td>
                        <td>2.00</td>
                        <td>
                            <a href="" class="minus"><img src="images/minus.png" alt=""></a>
                            <span class="number">10</span>
                            <a href="" class="add"><img src="images/add.png" alt=""></a>
                        </td>
                        <td class="dta-bianji" data-toggle="modal" data-target="#dta-bianji"></td>
                    </tr>
                    <tr>
                        <td>香菇青菜炒肉<p>备注：清蒸</p></td>
                        <td>2.00</td>
                        <td>
                            <a href="" class="minus"><img src="images/minus.png" alt=""></a>
                            <span class="number">10</span>
                            <a href="" class="add"><img src="images/add.png" alt=""></a>
                        </td>
                        <td class="dta-bianji" data-toggle="modal" data-target="#dta-bianji"></td>
                    </tr>
                    <tr>
                        <td>香菇青菜炒肉<p>备注：清蒸</p></td>
                        <td>2.00</td>
                        <td>
                            <a href="" class="minus"><img src="images/minus.png" alt=""></a>
                            <span class="number">10</span>
                            <a href="" class="add"><img src="images/add.png" alt=""></a>
                        </td>
                        <td class="dta-bianji" data-toggle="modal" data-target="#dta-bianji"></td>
                    </tr>
                    <tr>
                        <td>香菇青菜炒肉<p>备注：清蒸</p></td>
                        <td>2.00</td>
                        <td>
                            <a href="" class="minus"><img src="images/minus.png" alt=""></a>
                            <span class="number">10</span>
                            <a href="" class="add"><img src="images/add.png" alt=""></a>
                        </td>
                        <td class="dta-bianji" data-toggle="modal" data-target="#dta-bianji"></td>
                    </tr>
                    <tr>
                        <td>香菇青菜炒肉<p>备注：清蒸</p></td>
                        <td>2.00</td>
                        <td>
                            <a href="" class="minus"><img src="images/minus.png" alt=""></a>
                            <span class="number">10</span>
                            <a href="" class="add"><img src="images/add.png" alt=""></a>
                        </td>
                        <td class="dta-bianji" data-toggle="modal" data-target="#dta-bianji"></td>
                    </tr>
                    <tr>
                        <td>香菇青菜炒肉<p>备注：清蒸</p></td>
                        <td>2.00</td>
                        <td>
                            <a href="javascript:;" class="minus"><img src="images/minus.png" alt=""></a>
                            <span class="number">10</span>
                            <a href="" class="add"><img src="images/add.png" alt=""></a>
                        </td>
                        <td class="dta-bianji" data-toggle="modal" data-target="#dta-bianji"></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="container">
            <a href="javascript:;" class="bianji" data-toggle="modal" data-target="#bianji"></a>
            <a href="javascript:;" class="quxiao"></a>
            <a href="index.html" class="jixu"></a>
            <a href="javascript:;" class="xiadan"></a>
        </div>
    </div>
    
    <!-- 分编辑备注弹出框 -->
    <div class="modal fade tanchukuang" id="dta-bianji" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-content">
            <h4>编辑操作 </h4>
            <div class="select-zf clearfix">
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2" checked="checked" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2"  ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2"  ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="radio" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
            </div>

            <div class="beiz">
                <div class="form-group clearfix">
                    <label for="">备注：</label>
                    <input type="text" placeholder="留言" class="form-control">
                </div>
            </div>

            <div class="qz">
                <input type="submit" value="取消" data-dismiss="modal" class="giveup">
                <input type="submit" value="确认" data-dismiss="modal" id="queren">
            </div>
        </div>
    </div>

    <!-- 总编辑备注弹出框 -->
    <div class="modal fade tanchukuang" id="bianji" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-content">
            <h4>编辑备注 </h4>
            <div class="select-zf clearfix">
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="checkbox" name="radio2" checked="checked" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="checkbox" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="checkbox" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="checkbox" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="checkbox" name="radio2"  ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="checkbox" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="checkbox" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="checkbox" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="checkbox" name="radio2"  ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="checkbox" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>
                <div class="zuocai clearfix">
                    <div class="left ">
                        <input type="checkbox" name="radio2" ><label for="radio1"></label>
                    </div>
                    <div class="right">清蒸</div>
                </div>

            </div>

            <div class="beiz">
                <div class="form-group clearfix">
                    <label for="">备注：</label>
                    <input type="text" placeholder="留言" class="form-control">
                </div>
            </div>

            <div class="qz">
                <input type="submit" value="取消" data-dismiss="modal" class="giveup">
                <input type="submit" value="确认" data-dismiss="modal" id="queren">
            </div>
        </div>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <!-- 奇偶行 -->
    <script>
       $(function(){
           jQuery("tr:odd").css("backgroundColor","#f1f5f7"); 
       })
    </script>
</body>
</html>